Troubleshooting Code Generation Issues

# Troubleshooting TypeScript Code Generation Issues

If you are using the generated TypeScript clients then there should be no issues in utilizing the generated code assuming the ThorAPI backend Java code compiles and is runnable.

That said, if you are modifying any front-end templates there are numerous gotchas.

The following is due to React using the double bracket to define CSS properties, which is the same type of delimiter used by the mustache template engine. So proper CSS code can get mangled when the template engine replaces the section of CSS between the {{}} symbols at which point you get non-compiling react code:

```typescript
/Users/johnmcmahon/workspace/2025/valkyr/ValkyrAI/src/main/typescript/valkyr_labs_com/src/thor/redux/components/form/WorkflowStateForm.tsx:282:18
280|                      className="nice-form-control"
281|                      style=
282|                    >
   |                    ^

One approach is to use delimiter "swapping" in mustache and use a different delimiter but we find this approach to be needlessly complex.

The preferred and easier solution is to change the template CSS section by separating the brackets with spaces like so:

... // change
    style={{ display: 'block', marginBottom: '1rem' }} >
... // to
    style={ { display: 'block', marginBottom: '1rem' } } > 
...